<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>demo01</title>
  <script src="../lib/react.js"></script>
  <script src="../lib/react-dom.js"></script>
  <script src="../lib/browser.js"></script>
</head>
<body>
<div id="root"></div> 

<script type="text/babel">
var element = (<ul className="test">
  <li>apple</li>
  <li>banana</li>
  <li>cherry</li>
  <li>Durian</li>    
</ul>);
console.log(element);
ReactDOM.render(
  element,
  document.getElementById('root')
);

// 等价于: 
// const element = React.createElement(
//   'ul',
//   {className: 'test'},
//   [React.createElement('li', {key:1}, 'apple'), 
//    React.createElement('li', {key:2}, 'banana'),
//    React.createElement('li', {key:3}, 'cherry'),
//    React.createElement('li', {key:4}, 'Durian')]
// );
</script>
</body>
</html>